import React from "react";
// import ReactDom from "react-dom"

// import App from "./01-base/01-class组件";
// import App from "./01-base/02-函数组件";
// import App from "./01-base/03-组件嵌套";
// import App from "./01-base/04-组件样式";
// import App from "./01-base/05-事件处理";
// import App from "./01-base/06-ref应用";
// import App from "./01-base/07-状态体验";
// import App from "./01-base/08-循环渲染";
// import App from "./01-base/09-todolist";
// import App from "./01-base/10-选项卡案例";
// import App from "./01-base/13-setState同步异步";
// import App from "./01-base/14-betterScroll";
// import App from "./01-base/15-betterScroll-cinema";
// import App from "./01-base/16-props";
// import App from "./01-base/17-props函数式组件";
// import App from "./01-base/18-状态VS属性";
// import App from "./01-base/19-非受控";
// import App from "./01-base/20-受控";
// import App from "./01-base/21-受控cinema";
// import App from "./01-base/22-受控todolist";

// import App from "./02-advanced/01-子传父";
// import App from "./02-advanced/02-非受控卖座选项卡";
// import App from "./02-advanced/03-受控卖座选项卡";
// import App from "./02-advanced/04-父子通信版-表单域组件";
// import App from "./02-advanced/05-ref版本-表单域";
// import App from "./02-advanced/06-中间人模式-状态提升";
// import App from "./02-advanced/07-发布订阅模式";
// import App from "./02-advanced/08-订阅发布模式案例";
// import App from "./02-advanced/09-context";
// import App from "./02-advanced/10-react中的插槽";
// import App from "./02-advanced/10-react中的插槽";
// import App from "./02-advanced/12-react生命周期初始化";
// import App from "./02-advanced/13-react生命周期初始化案例";
// import App from "./02-advanced/14-生命周期-更新阶段";
// import App from "./02-advanced/16-生命周期案例";
// import App from "./02-advanced/17-生命周期更新阶段componentWillReactProps";
// import App from "./02-advanced/18-生命周期更新阶段componentWillReactProps-案例";
// import App from "./02-advanced/19-生命周期销毁";
// import App from "./02-advanced/20-新生命周期";
// import App from "./02-advanced/21-新生命周期-案例";
// import App from "./02-advanced/22-新生命周期getSnapshot Before Update";
// import App from "./02-advanced/23-新生命周期getSnapshotBeforeUpdate-案例";
// import App from "./02-advanced/24-react性能优化";
// import App from "./02-advanced/25-swiper";
// import App from "./02-advanced/26-swiper-异步";
// import App from "./02-advanced/27-swiper-组件";
// import App from "./03-hook/01-useState(保存组件状态)";
// import App from "./03-hook/02-todolist";
// import App from "./03-hook/03-useEffect";
// import App from "./03-hook/04-useEffect2";
// import App from "./03-hook/05-useEffect2-案例";
// import App from "./03-hook/06-useEffect3";
// import App from "./03-hook/07-useCallback(记忆函数)";
// import App from "./03-hook/08-useCallback2";
// import App from "./03-hook/09-useMemo(记忆组件)";
// import App from "./03-hook/10-useRef";
// import App from "./03-hook/11-useRef-保存值";
// import App from "./03-hook/12.useContext";
// import App from "./03-hook/13-useReducer";
// import App from "./03-hook/14-useReducer2";
// import App from "./03-hook/15-useReducer3";
// import App from "./03-hook/16-自定义hooks";
import App from "./04-router/App";


// ReactDom.render("111",document.getElementById('root'))
// ReactDom.render("<div>2222</div>",document.getElementById('root'))

/**************************************/
/*ReactDom.render(<div>
    <h1>1111</h1>
    2222
</div>, document.getElementById('root'))*/

//转换成

/*ReactDom.render(React.createElement("div",{
    id:'aaa',
    className:'bbb'
},1111),document.getElementById('root'))*/
/**************************************/

// ReactDom.render(<App></App>, document.getElementById('root'))

//因为在 React 18 中，ReactDOM.render 被废弃，当前发出警告，并以兼容模式运行。
// 只需要更改index.js文件即可
// 改成下面这样警告就会消失:
import ReactDOM from "react-dom/client";

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(<App />);

/*****************
 JSX==js+xml
 *************************/
